<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta charset="UTF-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=11"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <link rel="stylesheet" type="text/css" href="../styles/base.css"/>
    <link rel="stylesheet" type="text/css" href="../styles/swiper-2.7.6.css"/>
    <link rel="stylesheet" type="text/css" href="../styles/themes.css"/>
    <script type="text/javascript" src="../scripts/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="../scripts/swiper-2.7.6.min.js"></script>
    <script type="text/javascript" src="../scripts/jquery.ui.widget.js"></script>
    <script type="text/javascript" src="../scripts/jquery.iframe-transport.js"></script>
    <script type="text/javascript" src="../scripts/jquery.fileupload.js"></script>
    <script type="text/javascript" src="../scripts/jquery.ztree.all.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../styles/zTreeStyle.css"/>
    <title>广汽丰田 IT服务报单</title>
</head>
<body>

<span style="font-size:16px">
•该套餐为人员入职的场景下，IT服务台提供的标准套餐服务项目，包括：申请GTMC邮箱、申请IT设施。<br>如果根据具体情况，暂无需其中某项需求，可不勾选项目。<br>
•如仍需申请套餐外的项目，请前往 首页→需求单项申报 中继续申请。<br>
•业务系统权限开通请咨询具体的业务系统担当。
</span>

<input hidden="true" id="itemId" name="itemId" value="${vars.itemId}">
<table cellspacing="0" cellpadding="0">
    <tr>
        <td class="first"></td>
        <td>
            <input type="checkbox" name="mailFor" value="内发" id="checkbox1" data-valid="类型">
            <label for="checkbox1">内发</label>
            <input type="checkbox" name="mailFor" value="外发" id="checkbox2" data-valid="类型">
            <label for="checkbox2">外发</label>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">入职类型：</td>
        <td>
            <select name='userType' id='userType' data-valid="入职类型" class="ipt_select">
                <option></option>
                <option id='op1'>事技员</option>
                <option id='op2'>销售顾问</option>
                <option id='op3'>临时翻译/实习生</option>
            </select>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">工号：</td>
        <td>
            <input id="userId" name="userId" data-valid="工号" class="ipt_296 itsf_userId" placeholder="请输入工号">
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">姓名：</td>
        <td>
            <input id="userName" name="userName" data-valid="姓名" class="ipt_296 itsf_userName" placeholder="请输入具体使用人姓名">
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">使用人姓：</td>
        <td>
            <input type="text" name="firstNameCn" id="firstNameCn" class="ipt_138" data-valid="使用人姓" placeholder="请输入使用人的姓氏">
            姓拼音：
            <input type="text" name="firstNamePy" id="firstNamePy" class="ipt_138 itsf_isPing" data-valid="姓拼音" placeholder="请输入姓氏的拼音">
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">名：</td>
        <td>
            <input type="text" name="lastNameCn" id="lastNameCn" class="ipt_138" data-valid="名" placeholder="请输入使用人的名字">
            名拼音：
            <input type="text" name="lastNamePy" id="lastNamePy" class="ipt_138 itsf_isPing" data-valid="名拼音" placeholder="请输入名字的拼音">
            <span class="requiredprompt ping-required">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">部门：</td>
        <td>
            <input type="hidden" id="userDepartmentId" name="userDepartmentId" class="itsf_userDepartmentId" data-valid="部门id">
            <input type="text" id="userDepartment" name="userDepartment" class="ipt_296 itsf_userDepartment" data-valid="部门" placeholder="请输入具体使用人部门">
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
</table>
<script type="text/javascript">
HasUserIDQuery();
HasDepartmentQuery();
</script>

<input hidden="true" id="itemId" name="itemId" value="${vars.itemId}">
<table cellspacing="0" cellpadding="0">
    <tr>
        <td class="first">入职类型：</td>
        <td>
            <select name='userType' id='userType' data-valid="入职类型" class="ipt_select">
                <option></option>
                <option id='op1'>事技员</option>
                <option id='op2'>销售顾问</option>
                <option id='op3'>临时翻译/实习生</option>
            </select>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">设备类型：</td>
        <td>
            <input type="hidden" id="confCategoryId" name="confCategoryId" class="itsf_confCategoryId"/>
            <input type="text" id="confCategoryName" data-valid="设备类型" placeholder="请输入设备类型" name="confCategoryName" class="ipt_296 itsf_confCategoryName">
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr class="range">
        <td class="first">使用范围：</td>
        <td>
            <select name='useRange' id='useRange' data-valid="使用范围" class="ipt_select">
                <option></option>
                <option id='op1'>国内</option>
                <option id='op2'>国外</option>
            </select>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">品牌：</td>
        <td>
            <input type="text" name="brand" placeholder="请输入品牌" data-valid="品牌" class="ipt_296">
        </td>
    </tr>
    <tr>
        <td class="first">型号：</td>
        <td>
            <input id="equSpec" type="text" placeholder="请输入型号" data-valid="型号" name="spec" class="ban ipt_296">
            <span id="equSpecReq" style="display: none" class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">数量：</td>
        <td>
            <input type="text" placeholder="请输入数量" name="equAmount" class="itsf_isNumber ipt_138" data-valid="数量">
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">使用起止日期：</td>
        <td>
            <input type="text" id="date11" name="useDateBegin" class="ipt_sdate" data-valid="使用起止日期(开始)" placeholder="请输入开始日期" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',maxDate:'#F{$dp.$D(\'date12\')||\'2050-10-01\'}',onpicked:function(){$dp.$('date12').focus();}})" readonly>
            <div class="interval">~</div>
            <input type="text" id="date12" name="useDateEnd" class="ipt_sdate" data-valid="使用起止日期(结束)" placeholder="请输入结束日期" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'date11\')}',maxDate:'2050-10-01',onpicked:onpickEndTime})" readonly>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">责任人：</td>
        <td>
            <input type="hidden" name="dutyer" id="dutyer" class="itsf_dutyId itsf_getMyId">
            <input type="text" placeholder="请输入GTMC员工工号或姓名" name="dutyerName" id="dutyerName" class="ipt_296 itsf_dutyName itsf_getMyName" data-valid="责任人">
            <a href="javascript:" class="itsf_selMyself clicklink" title="填充本人信息">本人</a>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">使用人：</td>
        <td>
            <input type="text" id="usersName" name="usersName" data-valid="使用人" placeholder="请输入使用人" class="ipt_296 itsf_getMyName itsf_usersName">
            <a href="javascript:" id="addPeople" title="添加使用人或使用集体"></a>
            <a href="javascript:" class="itsf_addUser addbtnicon" title="添加使用人"></a>
            <a href="javascript:" class="itsf_selMyself clicklink" title="填充本人信息">本人</a>
            <span class="requiredprompt">*<i>必填</i></span>
            <ul class="moreinputlist"></ul>
        </td>
    </tr>
    <tr>
        <td class="first">预计金额：</td>
        <td><input type="text" class="ipt_138 itsf_isPrice" name="expectMoney" placeholder="请输入金额" data-valid="预计金额">&emsp;(元)</td>
    </tr>
    <tr id="commitment" style="display: none;">
        <td class="first"></td>
        <td class="txt_redword">（请下载《GTMC涉密设备、公司外及手机使用邮箱使用承诺》签字，作为附件跟申请单一起提交到IT服务台）<a href="/fileDownload?id=238308874942898442285" target="_blank" title="GTMC涉密设备、公司外及手机使用邮箱使用承诺"> href="javascript:"下载使用承诺书</a></td>
    </tr>
    <tr id="foreign" style="display: none;">
        <td class="first"></td>
        <td class="txt_redword">（请下载《国际漫游通讯工具借用单》签字，作为附件跟申请单一起提交到IT服务台）<a href="https://itsmtest.gtmc.com.cn/uploadFile/global/GTMC国际漫游通信工具借用单.doc" target="_blank" title="国际漫游通讯工具借用单">下 href="javascript:"载国际漫游通讯工具借用单</a></td>
    </tr>
</table>
<script type="text/javascript">
HasAddUser();
HasDevQuery();
HasSelMyself();
HasUsersQuery();
HasUserNameQuery();
HasSystemProjectQuery();
var secretType = ["驱动器", "刻录机", "移动硬盘", "U盘", "录音笔", "扫描仪", "相机", "录播设备", "读卡器", "平板电脑", "传真机"];
function parseDateStr(strDate) {
    var strDs = strDate.split('-'),
        year = parseInt(strDs[0], 10),
        month = parseInt(strDs[1] - 1, 10),
        date = parseInt(strDs[2], 10);
    return new Date(year, month, date);
}
function onpickEndTime(dp) {
    var d1Str = $("#date11").val();
    if (!d1Str) {
        ShowVerifyTips("请先选择开始日期！");
        $("#date12").val('');
        return true;
    }
    var d1 = parseDateStr(d1Str);
    var d2 = parseDateStr($("#date12").val());
    var number_of_days = (d2 - d1) / 86400000;
    if (number_of_days < 4) {
        ShowVerifyTips("借用期限少于或等于三天，请选择临时借用！");
        $("#date12").val('');
        return true;
    }
    return false;
}
function TreeSelected(id, treeId, treeNode) {
    if (treeNode == null) {
        return false;
    } else {
        if (treeNode.leaf == false) {
            return false;
        }
        $("#commitment").hide();
        $("#foreign").hide();
        for (var i = 0; i < 11; i++) {
            var bool = treeNode.treenodeNamePath.indexOf(secretType[i]);
            if (bool> 0) {
                if (treeNode.treenodeNamePath.indexOf("-配件") <= 0)
                    $("#commitment").show();
                break;
            }
        }
        if (treeNode.name == "03 平板电脑") {
            $("#equSpecReq").show();
            $("#equSpec").removeClass("ban");
        } else {
            $("#equSpecReq").hide();
            $("#equSpec").addClass("ban");
        }
        if (treeNode.name == "03 手机") {
            $(".range select").removeClass("ban");
            $(".range").show();
        } else {
            $(".range select").addClass("ban");
            $(".range").hide();
        }
        // $('#confCategoryName').val(treeNode.treenodeNamePath);
        // $('#confCategoryId').val(treeNode.id);
        // $('.widget_control .done').click();
        $("#temporary_data").attr({
            'data-target': "confCategoryId%^`$confCategoryName",
            'data-value': treeNode.id + "%^`$" + treeNode.treenodeNamePath
        });
    }
}
function SetSelected(obj) {
    $("#dutyer").val(obj[0]);
    $("#dutyerName").val(obj[1]);
    $('.widget_control .done').click();
}
$(function() {
    $(".range").hide();
    $("#sType").click(function() {
        if ($(this).val() == "是") {
            $(".sysOrPro input").removeClass("ban");
            $(".sysOrPro").show();
        } else {
            $(".sysOrPro input").addClass("ban");
            $(".sysOrPro").hide();
        }
    });
    $("#useRange").click(function() {
        if ($(this).val() == "国外") {
            $("#foreign").show();
        } else {
            $("#foreign").hide();
        }
    });
});
</script>

<span style="font-size:16px">
•该套餐为人员离职的场景下，IT服务台提供的标准套餐服务项目，包括：设备回收、设备转责任人。<br>
&ensp;如果根据具体情况，暂无需其中某项需求，可不勾选项目。<br>
•如仍需申请套餐外的项目，请前往 首页→需求单项申报 中继续申请。
</span>

<input hidden="true" id="itemId" name="itemId" value="${vars.itemId}">
<table cellspacing="0" cellpadding="0">
    <tr>
        <td class="first">离职日：</td>
        <td>
            <input type="text" class="ipt_ldate" name="leaveDate" data-valid="离职日" onfocus="WdatePicker({})" readonly>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">资产编号：</td>
        <td>
            <input id="ciId" type="hidden" name="ciId" class="itsf_assetId">
            <input id="ciCode" placeholder="请输入资产编号" type="text" name="ciCode" data-valid="资产编号" class="ipt_296 itsf_assetCode">
            <a href="javascript:" class="itsf_addAsset addbtnicon" title="添加资产编号"></a>
            <ul class="moreinputlist"></ul>
        </td>
    </tr>
    <tr>
        <td class="first">新责任人：</td>
        <td>
            <input type="hidden" name="dutyer" id="dutyer" class="itsf_dutyId">
            <input type="text" placeholder="请输入GTMC员工工号或姓名" name="dutyerName" id="dutyerName" class="ipt_296 itsf_dutyName" data-valid="新责任人">
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
</table>
<script type="text/javascript">
HasAddAsset();
HasAssetQuery();
HasUserNameQuery();
FillOtherInput("input[name='leaveDate']");
</script>

<input hidden="true" id="itemId" name="itemId" value="${vars.itemId}"/>
<table cellspacing="0" cellpadding="0">
    <tr>
        <td class="first">离职日：</td>
        <td>
            <input type="text" class="ipt_ldate" name="leaveDate" data-valid="离职日" onfocus="WdatePicker({})" readonly>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">预计设备回收日期：</td>
        <td>
            <input type="text" class="ipt_ldate" name="recyleDate" data-valid="预计设备回收日期" onfocus="WdatePicker({})" readonly>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">资产编号：</td>
        <td>
            <input id="ciId" type="hidden" name="ciId" class="itsf_assetId">
            <input id="ciCode" type="text" placeholder="请输入资产编号" name="ciCode" data-valid="资产编号" class="ipt_296 itsf_assetCode">
            <a href="javascript:" class="itsf_addAsset addbtnicon" title="添加资产编号"></a>
            <ul class="moreinputlist"></ul>
        </td>
    </tr>
</table>
<script type="text/javascript">
HasAddAsset();
HasAssetQuery();
FillOtherInput("input[name='leaveDate']");
</script>

<span style="font-size:16px">
•该套餐为岗位调动的场景下，IT服务台提供的标准套餐服务项目，包括：邮箱组别变更、电话迁移、其他设备迁移、其他服务。如果根据具体情况，暂无需其中某项需求，可不勾选项目。<br>
•如仍需申请套餐外的项目，请前往 首页→需求单项申报 中继续申请。
</span>

<span style="font-size:16px">•该套餐为会议召开的场景下，IT服务台根据会议规模提供的标准套餐服务项目。<br>&ensp;如果根据具体情况，暂无需其中某项需求，可在具体项目中填写“暂无”。<br>•如仍需申请套餐外的项目，请前往 首页→需求单项申报 中继续申请。</span>
<input hidden="true" id="itemId" name="itemId" value="${vars.itemId}">
<table cellspacing="0" cellpadding="0">
    <tr>
        <td class="first">会议类型：</td>
        <td>
            <input type="radio" name="cType" id="cType1" data-valid="会议类型" value="一般会议" checked>
            <label for="cType1">一般会议</label>&emsp;&emsp;<input type="radio" name="cType" id="cType2" data-valid="会议类型" value="高层会议">
            <label for="cType2">高层会议</label>
        </td>
    </tr>
    <tr>
        <td class="first">描述及理由：</td>
        <td>
            <textarea id="reason" name="reason" data-valid="描述及理由" class="ipt_txtbox itsf_isTxtLength"></textarea>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">设备借用：</td>
        <td>
            <textarea id="itUse" name="itUse" data-valid="设备借用" class="ipt_txtbox itsf_isTxtLength"></textarea>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr>
        <td class="first">设备调试：</td>
        <td>
            <textarea id="itDebug" name="itDebug" data-valid="设备调试" class="ipt_txtbox itsf_isTxtLength"></textarea>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr class="summit">
        <td class="first">账号开通：</td>
        <td>
            <textarea id="accountNet" name="accountNet" data-valid="账号开通" class="ipt_txtbox itsf_isTxtLength ban"></textarea>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
    <tr class="summit">
        <td class="first">网络开通：</td>
        <td>
            <textarea id="accountWifi" name="accountWifi" data-valid="网络开通" class="ipt_txtbox itsf_isTxtLength ban"></textarea>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
</table>
<script type="text/javascript">
$(function() {
 $(".summit").hide();
    $(":radio").click(function() {
        if ($(this).val() == "一般会议") {
            $(".summit textarea").addClass("ban");
            $(".summit").hide();
        } else {
            $(".summit textarea").removeClass("ban");
            $(".summit").show();
        }
    });
});
</script>

<span style="font-size:16px">
•该套餐为出差的场景下，IT服务台提供的标准套餐服务项目，包括：公司外/手机使用邮箱申请、VPN使用申请、IT设施使用申请。<br>
&ensp;如果根据具体情况，暂无需其中某项需求，可不勾选项目。<br>
•如仍需申请套餐外的项目，请前往 首页→需求单项申报 中继续申请。
</span>

<input hidden="true" id="itemId" name="itemId" value="${vars.itemId}"/>
<table cellspacing="0" cellpadding="0">
    <tr>
        <td class="first">描述及理由：</td>
        <td>
            <textarea id="reason" name="reason" data-valid="" class="ipt_txtbox itsf_isTxtLength"></textarea>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
</table>

<input hidden="true" id="itemId" name="itemId" value="${vars.itemId}"/>
<table cellspacing="0" cellpadding="0">
    <tr>
        <td class="first">描述及理由：</td>
        <td>
            <textarea id="reason" name="reason" data-valid="" class="ipt_txtbox itsf_isTxtLength"></textarea>
            <span class="requiredprompt">*<i>必填</i></span>
        </td>
    </tr>
</table>

<table cellspacing="0" cellpadding="0">
<span class="requiredprompt">*<i>必填</i></span>
class="ipt_txtbox itsf_isTxtLength"
txt_redword
ipt_296
    <tr>
        <td class="first">资产编号：</td>
        <td>
            <input id="ciId" type="hidden" name="ciId" class="itsf_assetId">
            <input id="ciCode" type="text" name="ciCode" data-valid="资产编号" placeholder="请输入资产编号" class="ipt_296 itsf_assetCode">
            <a href="javascript:" class="itsf_addAsset addbtnicon" title="添加资产编号"></a>
            <ul class="moreinputlist"></ul>
        </td>
    </tr>
</table>

</body>
</html>